
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">

	<head >
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>${article.title}</title>

		<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen">
		<link rel="stylesheet" href="/css/pagenavi.css" type="text/css" media="screen">
	
	</head>

<body>

<div id="wrapper">
	<div id="header" style="height:112px">
		<div id="logo"><a href="/"><img src="/images/logo.jpg" alt="logo" /></a></div>		
	</div>
	<div id="main">

<#import "common/sidebar.ftl" as side>
<#import "common/footer.ftl" as foot>
	
<div id="content">
	
	<div class="post">
		<div class="commentcount"><a href="/article/${article.createdTime?string("yyyy/MM/dd")}/${article.alias}/#comment-form" title="Comment on ${article.title}">${article.comments?size}</a></div>
		<div class="title">
			<h2><a href="/article/${article.createdTime?string("yyyy/MM/dd")}/${article.alias}/" rel="bookmark" title="Permanent Link to ${article.title}">${article.title}</a></h2>
			<div class="meta">Posted ${article.createdTime?string("yyyy-MM-dd HH:mm:ss")}. 
							  Category: <a href="/category/${article.category}/1/">${article.category} </a> 
			</div>
			<span>Tags: <#list article.getTags() as tag> </span>
				  <img src="/images/tag.gif"/><a href="/tags/${tag}/1/">${tag}</a>
			<span></#list></span>
		</div>
		<div class="entry">
				<span>${article.content}</span>
		</div>
	</div>
	
	<#if article.isComment>
	
	<h3 id="comments">${article.comments?size} Responses so far</h3>
	<#list article.comments as com>
	<ol class="commentlist">
		<li class="comment even thread-even depth-1" >
			<div  class="comment-body">
			<div class="comment-author vcard">
				<cite class="fn"><span>${com.name}</span></cite> 
				<span class="says">says:</span>		
			</div>

			<div class="comment-meta commentmetadata"><a>${com.createdTime?string("yyyy-MM-dd HH:mm:ss")}</a></div>

			<p>${com.content}</p>
			</div>
		</li>
	</ol>
	</#list>
	
	
	<div id="comment-form">
		<div id="respond">
			<h3>Leave a Comment</h3>

			<form action="/comment/post/${article.id}/" method="post" id="commentform">
				<input type="text" name="name" id="name" value="" size="22" tabindex="1" aria-required="true"><label>Name (required)</label><BR>
				<input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required="true"><label>Email (required)</label><BR>
				<input type="text" name="website" id="website" value="" tabindex="3"><label>Website</label><br>
				<!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
				<textarea name="content" id="comment" rows="7" tabindex="4"></textarea><br>
				<input id="commentSubmit" type="submit" class="submit" name="submit" tabindex="5" value="Submit">
			</form>
            <div class="clear"></div>
		</div>
	</div>
	</#if>
	
</div>

<@side.page />
<@foot.page />
<!-- start footer 	
	</div>
	<div id="footer">
		<div class="left">&copy; 2009 wendyeq. All rights reserved.</div>
		<div class="right">Powered by <a href="#">WordPress</a>. Theme by <a href="#">Slimmity</a></div>
	</div>
</div>

</body>
</html>
-->